<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.2/jquery.min.js"></script>
<head>
    <meta charset="utf-8">
    <title>注册页面</title>
    <link rel="stylesheet" href="css/register.css" type="text/css">
</head>
<body background="images/background.png">
<div id="content">
    <fieldset >
    <form action="/Account" method="post" >
        <div class="div1">
            <i class="fa-solid fa-triangle-exclamation error-icon"></i>
            <p id="feedback" th:text="${msg}"></p>
        </div>
        <table class="register">
            <h1 align="center">注册页面</h1>
            <tr>
                <td class="font111">User ID:</td>
                <td><input type="text" id="userid" name="userid" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">Password:</td>
                <td><input type="text" id="password"  name="password" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">Repeat Password:</td>
                <td><input type="text" id="password1" name="password1"  /></td>
            </tr>
        </table>
            <h3 align="center">Account Information</h3>
        <table class="register">
            <tr>
                <td class="font111">First name:</td>
                <td><input type="text" id="password2"name="firstname" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">Last name:</td>
                <td><input type="text"  id="password3"name="lastname"class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">Email:</td>
                <td><input type="text" id="password4"name="email" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">Phone:</td>
                <td><input type="text" id="password5" name="phone" class="font111"/></td>
            </tr>
            <tr>
                <td class="font111">Address 1:</td>
                <td><input type="text" id="password6"name="addr1" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">Address 2:</td>
                <td><input type="text" id="password7" name="addr2" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">City:</td>
                <td><input type="text" id="password8"name="city" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">State:</td>
                <td><input type="text" id="password9" name="state" size="4" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">Zip:</td>
                <td><input type="text" id="password10" name="zip" size="10" class="font111" /></td>
            </tr>
            <tr>
                <td class="font111">Country:</td>
                <td><input type="text"  id="password11" name="country" size="15"  class="font111"/></td>
            </tr>
        </table>
            <h3 align="center">Profile Information</h3>
        <table class="register">
            <tr>
                <td class="font111">Language Preference:</td>
                <td><select id="password12" name="langpref" class="font111">
                    <option value="CHINESE" class="font111">CHINESE</option>
                    <option  value="ENGLISH" class="font111">ENGLISH</option>
                </select></td>
            </tr>
            <tr>
                <td class="font111">Favourite Category:</td>
                <td><select id="password13" name="favcategory" class="font111">
                    <option value="FISH" class="font111">FISH</option>
                    <option value="DOGS" class="font111">DOGS</option>
                    <option value="REPTILES" class="font111">REPTILES</option>
                    <option value="CATS" class="font111">CATS</option>
                    <option value="BIRDS" class="font111">BIRDS</option>
                </select></td>
            </tr>
            <tr>
                <td class="font111">Enable MyList</td>
                <td>
                    <input id="password14" type="text" name="mylistopt" class="font111" placeholder="0表示未选中，1表示选中" />
                </td>
            </tr>
            <tr>
                <td class="font111">Enable MyBanner</td>
                <td>
                    <input id="password15" type="text" name="banneropt" class="font111" placeholder="0表示未选中，1表示选中" />
                </td>
            </tr>
        </table>
        <input type="submit" id="denglu"  value="开始注册" />
    </form>
    </fieldset>
</div>
<script type="text/javascript"  src="js/register.js"></script>
</body>
</html>